
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <meta name="keywords" content="ui,gui,prototyping,designer,builder,rad,ria,spa,no-code,codeless,without coding,programming,development,drag and drop,web application,build app,create app,make app" />
    <meta name="description" content="Powered by CrossUI No-Code App Builder - Create Interactive App Without Coding" />
    <meta name="copyright" content="copyright@crossui.com" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta http-equiv="imagetoolbar" content="no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="no-cache">
    <meta http-equiv="pragma" content="no-cache"  />
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="content-type" content="no-cache, must-revalidate" />
    <meta http-equiv="expires" content="-1"/>
    <title>Powered by CrossUI No-Code App Builder</title>
</head>
<body>
        <div id="loading" style="position:fixed;width:100%;text-align:center;"><img src="../../../../runtime/loading.gif" alt="Loading..." /></div>
        <script type="text/javascript" src="../../../../runtime/xui/js/xui-debug.js"></script>

        <script type="text/javascript">
xui.Class('App', 'xui.Module',{
    Instance:{
        iniComponents : function(){
            // [[Code created by CrossUI RAD Studio
            var host=this, children=[], append=function(child){children.push(child.get(0));};
            
            append(
                xui.create("xui.APICaller")
                .setHost(host,"api_1")
                .setName("api_1")
                .beforeInvoke([{
                    "desc" : "Action 1",
                    "type" : "other",
                    "target" : "var",
                    "params" : ["formdata","{args[0].boxing().getQueryArgs()}"],
                    "method" : "temp",
                    "adjust" : "stringify"
                },
                {
                    "desc" : "Action 2",
                    "type" : "other",
                    "target" : "msg",
                    "params" : ["{temp.formdata}","Form Data",undefined,5000],
                    "return" : false,
                    "method" : "message"
                }])
            );
            
            append(
                xui.create("xui.UI.Panel")
                .setHost(host,"xui_ui_panel3")
                .setDock("none")
                .setLeft(380)
                .setTop(30)
                .setWidth(250)
                .setHeight(130)
                .setZIndex(1)
                .setOverflow("hidden")
                .setCaption("Panel")
                .setFormTarget("_blank")
            );
            
            host.xui_ui_panel3.append(
                xui.create("xui.UI.Input")
                .setHost(host,"xui_ui_input3")
                .setName("Panel_input1")
                .setLeft(5)
                .setTop(4)
                .setWidth(220)
                .setLabelSize(100)
                .setLabelCaption("Panel_input1")
                );
            
            host.xui_ui_panel3.append(
                xui.create("xui.UI.HTMLButton")
                .setHost(host,"xui_ui_htmlbutton3")
                .setLeft(81)
                .setTop(69)
                .setWidth(150)
                .setHeight(22)
                .setHtml("Submit to _blank")
                .onClick([{
                    "desc" : "Action 1",
                    "type" : "control",
                    "target" : "xui_ui_panel3",
                    "params" : [],
                    "method" : "formSubmit"
                }])
                );
            
            host.xui_ui_panel3.append(
                xui.create("xui.UI.HTMLButton")
                .setHost(host,"xui_ui_htmlbutton4")
                .setLeft(11)
                .setTop(69)
                .setWidth(50)
                .setHeight(22)
                .setHtml("Reset")
                .onClick([{
                    "desc" : "Action 1",
                    "type" : "control",
                    "target" : "xui_ui_panel3",
                    "params" : [],
                    "method" : "formReset"
                }])
                );
            
            host.xui_ui_panel3.append(
                xui.create("xui.UI.Input")
                .setHost(host,"xui_ui_input4")
                .setName("Panel_input2")
                .setRequired(true)
                .setLeft(6)
                .setTop(34)
                .setWidth(220)
                .setLabelSize(100)
                .setLabelCaption("Panel_input2")
                );
            
            append(
                xui.create("xui.UI.Block")
                .setHost(host,"xui_ui_block1")
                .setLeft(60)
                .setTop(30)
                .setWidth(250)
                .setHeight(130)
                .setOverflow("hidden")
            );
            
            host.xui_ui_block1.append(
                xui.create("xui.UI.Input")
                .setHost(host,"Block_input1")
                .setName("Block_input1")
                .setLeft(9)
                .setTop(10)
                .setWidth(220)
                .setLabelSize(100)
                .setLabelCaption("Block_input1")
                );
            
            host.xui_ui_block1.append(
                xui.create("xui.UI.HTMLButton")
                .setHost(host,"xui_ui_htmlbutton1")
                .setLeft(80)
                .setTop(90)
                .setWidth(150)
                .setHeight(22)
                .setHtml("Submit to Alert")
                .onClick([{
                    "desc" : "Action 1",
                    "type" : "control",
                    "target" : "xui_ui_block1",
                    "params" : [],
                    "method" : "formSubmit"
                }])
                );
            
            host.xui_ui_block1.append(
                xui.create("xui.UI.HTMLButton")
                .setHost(host,"xui_ui_htmlbutton2")
                .setLeft(10)
                .setTop(90)
                .setWidth(50)
                .setHeight(22)
                .setHtml("Reset")
                .onClick([{
                    "desc" : "Action 1",
                    "type" : "control",
                    "target" : "xui_ui_block1",
                    "params" : [],
                    "method" : "formReset"
                }])
                );
            
            host.xui_ui_block1.append(
                xui.create("xui.UI.Input")
                .setHost(host,"Block_input2")
                .setName("Block_input2")
                .setRequired(true)
                .setLeft(9)
                .setTop(40)
                .setWidth(220)
                .setLabelSize(100)
                .setLabelCaption("Block_input2")
                );
            
            append(
                xui.create("xui.UI.Tabs")
                .setHost(host,"xui_ui_tabs2")
                .setItems([{
                    "id" : "a",
                    "caption" : "page1",
                    "image" : ""
                },
                {
                    "id" : "b",
                    "caption" : "page2",
                    "image" : ""
                }])
                .setDock("none")
                .setLeft(60)
                .setTop(220)
                .setWidth(250)
                .setHeight(110)
                .setFormTarget("function(d){xui.alert(xui.serialize(d))}")
                .setValue("a")
            );
            
            host.xui_ui_tabs2.append(
                xui.create("xui.UI.Input")
                .setHost(host,"xui_ui_input2")
                .setName("Tabs_input2")
                .setRequired(true)
                .setLeft(10)
                .setTop(20)
                .setWidth(220)
                .setLabelSize(100)
                .setLabelCaption("Tabs_input2")
                , "b");
            
            host.xui_ui_tabs2.append(
                xui.create("xui.UI.Input")
                .setHost(host,"xui_ui_input5")
                .setName("Tabs_input1")
                .setLeft(20)
                .setTop(20)
                .setWidth(220)
                .setLabelSize(100)
                .setLabelCaption("Tabs_input1")
                , "a");
            
            append(
                xui.create("xui.UI.HTMLButton")
                .setHost(host,"xui_ui_htmlbutton5")
                .setLeft(140)
                .setTop(330)
                .setWidth(150)
                .setHeight(22)
                .setHtml("Submit to function")
                .onClick([{
                    "desc" : "Action 1",
                    "type" : "control",
                    "target" : "xui_ui_tabs2",
                    "params" : [],
                    "method" : "formSubmit"
                }])
            );
            
            append(
                xui.create("xui.UI.HTMLButton")
                .setHost(host,"xui_ui_htmlbutton6")
                .setLeft(70)
                .setTop(330)
                .setWidth(50)
                .setHeight(22)
                .setHtml("Reset")
                .onClick([{
                    "desc" : "Action 1",
                    "type" : "control",
                    "target" : "xui_ui_tabs2",
                    "params" : [],
                    "method" : "formReset"
                }])
            );
            
            append(
                xui.create("xui.UI.Dialog")
                .setHost(host,"xui_ui_dialog3")
                .setShowEffects("")
                .setLeft(380)
                .setTop(220)
                .setWidth(250)
                .setHeight(160)
                .setCaption("Dialog")
                .setMovable(false)
                .setMinBtn(false)
                .setMaxBtn(false)
                .setRestoreBtn(false)
                .setCloseBtn(false)
                .setOverflow("hidden")
                .setFormTarget("api_1")
            );
            
            host.xui_ui_dialog3.append(
                xui.create("xui.UI.Input")
                .setHost(host,"xui_ui_input6")
                .setName("Dialog_input1")
                .setLeft(10)
                .setTop(10)
                .setWidth(220)
                .setLabelSize(100)
                .setLabelCaption("Dialog_input1")
                );
            
            host.xui_ui_dialog3.append(
                xui.create("xui.UI.Input")
                .setHost(host,"Dialog_input2")
                .setName("Dialog_input2")
                .setRequired(true)
                .setLeft(11)
                .setTop(40)
                .setWidth(220)
                .setLabelSize(100)
                .setLabelCaption("Dialog_input2")
                );
            
            host.xui_ui_dialog3.append(
                xui.create("xui.UI.HTMLButton")
                .setHost(host,"xui_ui_htmlbutton7")
                .setLeft(86)
                .setTop(80)
                .setWidth(150)
                .setHeight(22)
                .setHtml("Submit to APICaller")
                .onClick([{
                    "desc" : "Action 1",
                    "type" : "control",
                    "target" : "xui_ui_dialog3",
                    "params" : [],
                    "method" : "formSubmit"
                }])
                );
            
            host.xui_ui_dialog3.append(
                xui.create("xui.UI.HTMLButton")
                .setHost(host,"xui_ui_htmlbutton8")
                .setLeft(16)
                .setTop(80)
                .setWidth(50)
                .setHeight(22)
                .setHtml("Reset")
                .onClick([{
                    "desc" : "Action 1",
                    "type" : "control",
                    "target" : "xui_ui_dialog3",
                    "params" : [],
                    "method" : "formReset"
                }])
                );
            
            return children;
            // ]]Code created by CrossUI RAD Studio
        }
    }
});

            xui.launch('App', function(){xui('loading').remove();},'cn','default');
        </script>
</body>
</html>